<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <title>basic.spa</title>
  <link rel="stylesheet" href="css/style.css">
  <!-- <script src="http://192.168.0.103:10086/target/target-script-min.js#anonymous"></script> -->
</head>

<body>
  <div id="container">
    <ul class="ulist pics" v-cloak>
      <li v-for="item in items" class="cell left">
        <img src="img/1.png" data-src="{{item.image}}" v-on:click="showAlert($index)">
        <p>{{item.name}}</p>
      </li>
    </ul>
<!--     <div class="btn" v-on:click="test('aaa')">AAA</div>
    <div class="btn" v-on:click="test('bbb')">BBB</div> -->
  </div>
  <script data-main="js/main" src="js/lib/require/require.min.js"></script>
</body>

</html>
